var i = 0;
var stop;
/*	每隔2秒运行一次轮播*/
stop = setInterval(function () {
    i++;
    if (i > 4) {
        i = 1;
    }
    xiaoguo2(i);
    xiaoguo(i);
}, 4000)
/*	动作函数*/
function xiaoguo2(n) {
    /*		块一*/
    $('.fugai1')
            .animate({"backgroundPosition-x": '-100%'}, 3000)
            .css({'display': 'none'})
    //块二
    $('.fugai2')
            .animate({"backgroundPosition-x": '-100%' * 2}, 3000)
            .animate({'display': 'none'})
    //块三
    $('.fugai3')
            .animate({"backgroundPosition-x": '-100%' * 3}, 3000)
            .animate({'display': 'none'})
}
$('.list-li>li').eq(0).css({'background-color': 'orange'})
function xiaoguo(n) {
    $('.list-li>li').css({'background-color': '#F9263E'})
    $('.list-li>li').eq(n).css({'background-color': 'orange'})
    $('.dian').animate({'width': '100%'}, 2000)
    $('.dian').animate({'width': 0}, 100)
    $('.img_list').animate({'margin-left': -n * 100+'%'}, 2000, function () {
        if (n == 4) {
            $('.box').css({'margin-left': 0})
            $('.list-li>li').eq(0).css({'background-color': 'orange'})
        }
    })
}

$('.list-li>li').mouseover(function(){		
	clearInterval(stop);
	stop=null;
	i= Number($(this).text());
	xiaoguo($(this).text())
	$('.box').stop(true,true);
	$('.dian').stop(true,true);
})



